<?php
// no direct access
defined('_JEXEC') or die('Restricted access');

JHtml::stylesheet("https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css");
//JHtml::stylesheet(Juri::base() . 'components/com_cashbag/assets/js/bootstrap/css/bootstrap.css');
JHtml::script("https://code.jquery.com/jquery-1.9.1.js");
JHtml::script("https://code.jquery.com/ui/1.10.3/jquery-ui.js");
//JHtml::script(Juri::base() . 'components/com_cashbag/assets/js/jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.js');
//JHtml::script(Juri::base() . 'components/com_cashbag/assets/js/bootstrap/js/bootstrap.js');
JHtml::script(Juri::base() . 'components/com_cashbag/assets/js/bagAdmin.js');

 /* JToolBarHelper::title( JText::_( 'Products' ), 'generic.png' );
  JToolBarHelper::addNew();
 JToolBarHelper::editList();
  JToolBarHelper::publishList();
  JToolBarHelper::unpublishList();  
  JToolBarHelper::deleteList();  
  JToolBarHelper::preferences('com_cashbag', '550');  */
?>

<div style="display: block;margin-bottom:2%;">
        <label>Saisir la réference interne</label>&nbsp;<input type="text" name="bag_ref" id="bag_ref_value"/>
          <button id="bag_receiv_valid" class="ui-state-active ui-corner-all">Commencer la reception d'un sac </button>
        </div>
<span id="display_nb_prod"></span>
<table style="width:30%; float:left;" id="add_product_bag">
    <!--tr>
<td  class="ui-widget" style=" width: 50%;">
    <label>Nom du produit:&nbsp;&nbsp;</label>
</td>
<td>
    <input type="text" name="product_name" id="" disabled="true"/></td></tr-->
    <!--tr><td>
            <label>Reférence du produit:;&nbsp;&nbsp;</label></td>
        <td>
            <input type="text" name="product_sku" id="" disabled="true"/></td></tr-->
    <tr><?php echo $this->marques; ?></tr>
    <tr><td><label>Type</label></td><td colspan="2"><select id="input_type_vet" name="type_produit"></select></td></tr>
    <tr><td> <label>Etat du produit:</label></td>
        <td><select type="text" name="etat_produit" id="etat_marque">
                <option></option>
                <option value="neuf">OCCASION - ETAT NEUF</option>
                <option value="tres_bon_etat">OCCASION - BON TRES ETAT</option>
                <option value="bon_etat">OCCASION - BON ETAT</option>
                <option value="etat_correct">OCCASION - ETAT CORRECT</option>
                <option value="non_achete">NON ACHETE</option>
            </select></td>
            <td><label for="comments">Commentaire</label>
                <textarea id="comments" name="comments" rows="3" cols="30"></textarea>
            </td>
    </tr>
    <tr><td colspan="2"><label>Couleur du produit:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label></td>
        <td ><select name="product_color" id="product_color">
                <option></option>
                <option value="rouge">Rouge</option>
                <option value="blanc">Blanc</option>
                <option value="vert">Vert</option>
                <option value="gris">Gris</option>
                <option value="jaune">Jaune</option>
                <option value="beige">Beige</option>
                <option value="multicolor">Multicolore</option>
                <option value="kaki">Kaki</option>
                <option value="marron">Marron</option>
                <option value="argente">Argenté</option>
                <option value="noir">Noir</option>
                <option value="dore">Doré</option>
                <option value="imprime">Imprimé</option>
                <option value="rose">Rose</option>
                <option value="violet">Violet</option>
                <option value="bleu">Bleu</option>
                <option value="bordeau">Bordeau</option>
                <option value="metallise">Métallisé</option>
                <option value="raye">Rayé</option>
                <option value="autre">Autre</option>
                </select></td></tr>
    <tr><td colspan="2"><label>Matiere du produit:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label></td>
        <td><select  name="product_matiere" id="product_matiere">
            <option value=""></option>
            <option value="cachemire">Cachemire</option>
            <option value="coton">Coton</option>
            <option value="cuire">Cuire</option>
            <option value="laine">Laine</option>
            <option value="lin">Lin</option>
            <option value="polyester">Polyester</option>
             <option value="synthetique">Synthétique</option>
             <option value="viscose">Viscose</option>
             <option value="autre">Autre</option>
            </select>
           </td></tr>
    <tr><td colspan="2"><label>Taille du produit:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label></td>
        <td >
            <select  name="product_taille" id="product_taille">
                <option value=""></option>
                <option value="xxs_32">XXS-32</option>
                <option value="xs_34">XS-34</option>
                <option value="s_36">S-36</option>
                <option value="m_38">M-38</option>
                <option value="l_40">L-40</option>
                <option value="xl_42">XL-42</option>
                 <option value="3xl_46">3XL-46</option>
            </select>
         </td></tr>
        <tr><td colspan="2"><span><button id="calculer_prix">Calculer le prix</button></td>
                    <td><span id="display_prix"></span></td></tr>
            
            <tr>
                <td colspan="2"><label>saisir le prix d'achat final</label></td>
                <td colspan="2"> <input type="text" id="product_price" name="product_price" style="width:20%;"/></td>
            </tr>
       
        
        <tr><td>
                <button id="saisie_produit_next" disabled="true">Suivant</button></td><td><button id="reset_form">Annuler</button></td>
            <td><button id="terminer_saisie_bag" disabled="true">Terminer la saisie du sac</button></td>

            </td></tr></table>

<table  calss="ui-widget" style="width: 30%; float: right;">
    <tr><td id="display_bag_owner"></td></tr>
</table>
</table></tr>
<script>
    initEvents();
</script>